@function px2rem($px) {
  @return 100 / 1920  * $px + vw;
}

html {width: 100%; height: 100%;font-family: 'Microsoft YaHei',simsun; }
body { width: 100%; height: 100%;background-image: url("../img/show/bg2.png");background-repeat: no-repeat;
  background-position: left top;background-size: contain;padding: px2rem(40) px2rem(22)}

.hide{ display: none; }
.logo { width:px2rem(354); height: px2rem(54); margin-bottom: px2rem(20)}
.content2 {
  display: flex;
  border-radius: px2rem(16);
  overflow: hidden;
  .left {
    color:#fff;
    flex:none;
    width: px2rem(478);
    height: px2rem(684);
    background: #4691e2;
    padding: px2rem(32) px2rem(8);
    .l-item {
      margin-bottom: px2rem(28);
    }
    .l-title {
      font-size: px2rem(23);
      margin-left: px2rem(10);
      margin-bottom: px2rem(18);
      a {
        color:#fff;
        &:hover {
          color:#fff;
        }
      }

    }
    .l-box {
        font-size: px2rem(18);
        padding-left: px2rem(53);
        margin-bottom: px2rem(10);
      &.padl {
        padding-left: px2rem(186);
      }
      &.l-box-rever {
         margin-bottom: px2rem(30);
       }
       .rever {
         background: #edf4fe;
         color:#4c8efb;
         padding: px2rem(6) px2rem(8);
         border-radius: px2rem(4);
         font-size: px2rem(16);
         &:hover {
           color:#4c8efb;
         }
       }
      a {
        color:#fff;
        margin-right: px2rem(28);

        &:hover {
          color:#fff;
        }
      }
    }
    .icon1 {
      width: px2rem(32);
      height: px2rem(28);
      vertical-align: text-bottom;
      margin-right: px2rem(10);
    }
    .icon2 {
      width: px2rem(30);
      height: px2rem(26);
      vertical-align: text-bottom;
      margin-right: px2rem(10);
    }
    .icon3 {
      width: px2rem(30);
      height: px2rem(26);
      vertical-align: text-bottom;
      margin-right: px2rem(10);
    }
    .icon4 {
      width: px2rem(28);
      height: px2rem(24);
      vertical-align: text-bottom;
      margin-right: px2rem(10);
    }
  }
 .right {
   width: px2rem(1398);
   height: px2rem(684);
   background: rgba(0,0,0,0.1);
   .videoTab {
     img.video_btn {
       width: px2rem(160);
       height: px2rem(160);
       position: absolute;
       left: 50%;
       top:50%;
       margin-left: - px2rem(80);
       margin-top: - px2rem(80);
       cursor: pointer;
       z-index: 9999999;
     }
   }
   .swiper-pagination-bullet-active {
     background: #fff;
     width: 30px;
     border-radius: 10px;
   }
   .swiper-pagination-bullets {
     bottom: px2rem(28);
   }
   .swiper-slide {
     width: px2rem(1398);
     height: px2rem(684);
     position: relative;

     .video {
         width: 100%;
         height: 100%;
     }
     .bottomTittle {
       width: 100%;
       position: absolute;
       left:0;
       bottom: 0;
       height: px2rem(103);
       background: rgba(0,0,0,0.2);
       line-height: px2rem(103);
       font-size: px2rem(32);
       padding-left: px2rem(35);
       color:#fff;
     }
     img {
       width: px2rem(1398);
       height: px2rem(684);
     }
   }
 }
}

/* 隐藏水平滚动条 */
.items::-webkit-scrollbar {
  height: 0;
}

.items {
  width: 100%;
  padding: px2rem(20) 0;
  overflow: hidden;
  //overflow-x: auto;
  //display: flex;
  .swiper-slide {
    width: px2rem(360);
    height: px2rem(206);
    &:last-of-type {
      width: px2rem(345);
    }
    .item {
      width: px2rem(345);
      height: px2rem(206);

    }
  }
}


